// 引入vue路由
import VueRouter from "vue-router";
// 引入About组件
import About from "../pages/About";
// 引入Home组件
import Home from "../pages/Home";
// 引入Home嵌套子组件Message组件
import Message from "../pages/Message";
// 引入Home嵌套子组件News组件
import News from "../pages/News";


// 创建并暴露路由
export default new VueRouter({
    // 注意是routes  而不是 routers
    routes:[
        {
            path:'/about',
            component:About
        },
        {
            path:'/home',
            component:Home,
            // 嵌套路由关键词是children,在路由规则对象中新增后添加需要嵌套的新路由规则，嵌套路由不需要加 /
            children:[
                {
                    path:'message',
                    component:Message
                },
                {
                    path:'news',
                    component:News
                }
            ]
        },
    ]
})